<div>
    <p>单价:{{a}}</p>
    <p>
      数量:{{b}}
    </p>
    <p>总价:{{num}}</p>
  </div>
</template>

<script>
export default {
  name: 'VueThreeApp',

  data() {
    return {
      a:10,
      b:10
    };
  },
  computed:{
    num(){
      return this.a*this.b
    }

  },

  mounted() {
    
  },

  methods: {
    
  },
};
</script>

<style lang="scss" scoped>

</style>